WELCOME TO MY HTML TUTORIAL WEBSITE

Block-level elements

A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.

• <div>
• <p>
• <h1>,<h2>,<h3>...,<h6>
• <table>
• <form>
• <ol>,<li>,<ul>

Example:

 <div>
     <h2>This is the Heading</h2>
     <p>To write the paragraph inside the div.</p>
</div>
    

Formating tags

Formatting tags are used to style the text and add emphasis.

• <b>- bold the text
• <strong>- strong emphasis
• <italic>- italic text
• <em>- emphasis
• <u>- underline the text
• <del>- deleted the text
• <mark>- marked the text
• <small>- small text
• <sub>- subscript text
• <sup>- superscript text

Example:

        <p>This is a paragraph.<b>This is the bold word.</b>This is the italic word <i>and text </i>paragraph.</p> 
    

Semantic tags

Semantic HTML tags, also known as semantic markup, help define the meaning of content on a web page.

• <header>-It defines a header for a web page.
• <footer>- It defines a footer for a document or a section.
• <section>- It defines a section in a web page.
• <nav>- It defines a container for navigation links.
• <aside>- the content is often placed as asidebar in a document.
• <article>- This element contains the main pat,containing information about the web page.

Example:

        <article>
             <h2> Article Heading </h2>
             <p> write the content of the article here.</p>
        </article>
    

Types of lists

order lists:

1. HTML
2. CSS
3. python
4. javascript

1. HTML
2. CSS
3. python
4. javascript

5. HTML
6. CSS
7. python
8. javascript

unorder lists:

• HTML
• CSS
• python
• javascript

• HTML
• CSS
• python
• javascript

description lists:

HTML

hyper text markup language

• it is used to create a webpage

1. Fruits
mongo
orange

2. Vegetables
carbage
capsicum